/* 可以为特定的拖拽组件实例设置不同的初始位置和层级 */
#drag1{
    --initial-top: 50px;
    --initial-left: 50px;
    --dragging-z-index: 1001; /* 拖拽时更高 */
    top:300px;
    left:300px;
    z-index: 8;
    background-color: lightblue;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}
#drag1 h2{
    color: #12d406;
}
#drag1 p{
    background-color: rgba(0,0,0,0.2);
    color: #4646D4;
    font-family: georgia;
    font-style: normal;
    font-size: 15px;
}
#drag2{
    --initial-top: 200px;
    --initial-left: 150px;
    --dragging-z-index: 1001; /* 拖拽时更高 */
    top:300px;
    left:600px;
    width:300px;
    z-index: 10;
    padding: 15px;
    border: 2px solid darkred;
    z-index: 8;
    background-color:RGBA(12,255,225,1.0);
    padding: 5px 10px;
}
#drag3{
    top:300px;
    left:1000px;
    z-index: 8;
}
#drag4{
    top:80px;
    left:150px;
    width:800px;
    z-index: 8;
}
#drag5{
    --dragging-z-index: 1003; /* 拖拽时更高 */
    top:900px;
    left:150px;
    width:800px;
    height:100px;
    z-index: 8;
}
#drag_2{
    top:800px;
    left:150px;
    width:800px;
    z-index: 8;
}
#drag_2 marquee div span{
    color:RGBA(81,0,124,1.0);
    background-color:RGBA(23,0,188,1.0);
}

#drag_2 marquee{
    background-color:RGBA(253,255,248,1.0);
}

body{
    background-color:RGBA(114,255,40,1.0);
}

#drag5 marquee{
    background-color:RGBA(255,122,92,1.0);
}
